<template>
	<div class="box">
		<head-page :title="`驻会机构(${$route.query.i}. ${title})`" style="border-bottom: none;">
		</head-page>
		<Banner></Banner>
		<!-- 整体区域 -->
		<div class="boss">
			<div class="center">
				<!-- 头部内容区域 -->
				<!-- <div class="top">
					<div
						class="smallhe"
						v-for="(item, index) in list"
						:key="index"
					>
						<div class="left">{{ index + 1 }}.</div>
						<div class="right">
							{{ item.organizationTypeName }}
						</div>
					</div>
				</div> -->
				<!-- 各省的总区域 -->
				<div class="cap">
					<div
						class="hezi"
						v-for="(item, index) in address"
						:key="index"
						@click="newstitle(item.provincial)"
					>
						{{ item.provincial }}
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
import { Notice, rganizationTypeId } from "@/api/index"
import Banner from "@/components/Home/BannerView.vue"
export default {
	data() {
		return {
			list: [],
			title: "",
			address: []
		}
	},
	mounted() {
		//驻会机构查询 
		rganizationTypeId(this.$route.query.id).then((res) => {
			if (res.data.code == 200) {
				this.title = res.data.data.organizationTypeName
				this.list = res.data.data.organizationTypes
			}
		})
		Notice().then((res) => {
			this.address = res.data
		})
	},
	components:{
		Banner
	},
	methods: {

	}
}
</script>

<style scoped>
.box {
	width: 100%;
	height: 100%;
}
/* 标题区域 */
.title {
	width: 100%;
	height: 0.4rem;
	font-weight: 700;
	line-height: 0.4rem;
	border-bottom: 2px solid #dad9df;
	text-indent: 0.1rem;
	font-size: 0.18rem;
}
/* 整体区域 */
.boss {
	width: 100%;
	display: flex;
	background-color: white;
	justify-content: center;
}
/* 版心区域 */
.center {
	width: 95%;
}
/* 头部内容区域 */
.top {
	width: 100%;
}
/* 盒子区域 */
.smallhe {
	width: 100%;
	height: 0.35rem;
	display: flex;
	font-size: 0.18rem;
}
.left {
	width: 5%;
	height: 100%;
	line-height: 0.35rem;
	font-weight: 700;
	text-align: center;
}
.right {
	width: 95%;
	height: 100%;
	font-weight: 700;
	line-height: 0.35rem;
}
/* 各省的总区域 */
.cap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.05rem;
	background-color: white;
}
.hezi {
	min-width: 0.5rem;
	height: 0.3rem;
	flex-shrink: 0;
	text-align: center;
	line-height: 0.3rem;
	font-weight: 700;
	margin: 4px;
}
</style>